{extend name="public/base"/}
{block name="body"}
    <header style="background-color:#fff;position: relative;" >
        <div class="bg_top"></div>
        <div class="swiper-container swiper-container-header">
            <div class="swiper-wrapper">
                {foreach $banners as $key=>$value }
                    <a style="width:calc(100%-0px);overflow:hidden;text-align:center;" class="swiper-slide">
                        <img style="width:100%;height: 100%;" src="{$value.img_gw}">
                    </a>
                {/foreach}
            </div>
        </div>
    </header>
    <div style="background-color: #f1f8f4;">
        <div class="container" style="margin:0 auto;">
            <div class="row home-about">
                <div class="hidden-xs hidden-sm col-md-6 col-lg-6">
                    <img width="80%;" src="/static/index/images/about.png" alt="">
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <h1>{$company.title}</h1>
                    <h1 style="color: #dfede5; font-style: italic;">
                        {$company.title_en}
                    </h1>
                    <div style="margin: 20px 0;">
                        {$company.intro}
                    </div>
                    <div class="btn-group">
                        <a href="{:url('traval/traval')}" class="btn" style="margin-bottom: 20px; font-size: 16px; border:1px solid #999; border-radius: 15px;">了解更多</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="background-color: #1d3d32;color: #fff;" class=" hidden-xs hidden-sm home-bgi">
        <div class="container">
            <div class="row">
                <div style="text-align: center;" class="home-show">
                    <h2>项目展示</h2>
                    <h1 style="color: #617d6c; font-style: italic;">projects</h1>
                    <div style="margin: 20px 0;">推动旅游经济招商引资，建立乡村旅游培训、乡村旅游运营等服务体系</div>
                </div>
            </div>
            <div class="row">
                <!-- Swiper -->
                <div class=" swiper-container swiper-container-project"
                    style="margin-bottom: 100px;">
                    <div class="swiper-wrapper">
                        {foreach $scenic_spots as $key=>$value }
                        <div class="swiper-slide">
                            <div style="text-align: center;">
                                <img class=" project-img" style="border-radius: 50%;" src="{$value.img}" alt="">
                                <div class=" project-title">{$value.title}</div>
                                <div class=" project-desc" style="color: #8ea09a;">{$value.address}</div>
                                <a class=" project-more" href="{:url('scenic/scenic_detail')}?id={$value.id}" style="color: #eae9b6!important;">查看详情</a>
                            </div>
                        </div>
                        {/foreach}
                    </div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next project-button-next"></div>
                    <div class="swiper-button-prev project-button-prev"></div>
                </div>
            </div>

        </div>
    </div>
    <!-- <div style="background-color: #f3f5f5;">
        <div class="container">
            <div class="row">
                <div style="text-align: center;" class="home-show">
                    <h2>推荐景区</h2>
                    <h1 style="color: #617d6c; font-style: italic;">Recommend Scenic spot</h1>
                    <div style="margin: 20px 0;">推动旅游经济招商引资，建立乡村旅游培训、乡村旅游运营</div>
                </div>
            </div>
            <div class="swiper-container swiper-container-recommend scrollbar" style="overflow-x: hidden;overflow-y: visible;padding-bottom: 50px;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img style="width:100%;height: 100%;" src="/static/index/images/h_swiper1.jpg"></div>
                    <div class="swiper-slide"><img style="width:100%;height: 100%;" src="/static/index/images/h_swiper1.jpg"></div>
                    <div class="swiper-slide"><img style="width:100%;height: 100%;" src="/static/index/images/h_swiper1.jpg"></div>
                    <div class="swiper-slide"><img style="width:100%;height: 100%;" src="/static/index/images/h_swiper1.jpg"></div>
                    <div class="swiper-slide"><img style="width:100%;height: 100%;" src="/static/index/images/h_swiper1.jpg"></div>
                    <div class="swiper-slide"><img style="width:100%;height: 100%;" src="/static/index/images/h_swiper1.jpg"></div>
                    <div class="swiper-slide"><img style="width:100%;height: 100%;" src="/static/index/images/h_swiper1.jpg"></div>
                    <div class="swiper-slide"><img style="width:100%;height: 100%;" src="/static/index/images/h_swiper1.jpg"></div>
                    <div class="swiper-slide"><img style="width:100%;height: 100%;" src="/static/index/images/h_swiper1.jpg"></div>
                </div>
                <div class="swiper-pagination swiper-pagination-recommend" style="bottom: 0;"></div>
            </div>
        </div>
    </div> -->
    <div>
        <div class="container">
            <div class="row">
                <div style="text-align: center;" class="home-show">
                    <h2>资讯中心</h2>
                    <h1 style="color: #617d6c; font-style: italic;">News Center</h1>
                </div>
            </div>
            <div class="row">
                <div class="hidden-12 hidden-12 col-md-5 col-lg-5">
                    {foreach $news_type1 as $key=>$value }
                    <div style="background-color: #f8f8f8;padding: 15px;">
                        <div style="color: #249a50;">{:date('Y-m-d H:i:s',$value.time)}</div>
                        <div>{$value.title}</div>
                        <div>{:mb_substr($value.detail,0,60,'utf-8')}</div>
                        <div>
                            <img width="100%" src="{$value.img}" alt="">
                        </div>
                        <div class="btn-group">
                            <a href="{:url('information/detail')}?id={$value.id}" class="btn"
                                style="margin-top:20px;font-size: 12px;color: #fff!important;background-color: #249a50;">查看详情</a>
                        </div>
                    </div>
                    {/foreach}
                </div>
                <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">
                    {foreach $news_type2 as $key=>$value }
                    <div style="background-color: #f8f8f8;padding: 15px;">
                        <div class="home-news-date">
                            <div style="font-size: 16px;">{$value.title}</div>
                            <div>{:date('Y-m-d H:i:s',$value.time)}</div>
                        </div>
                        <a href="{:url('information/detail')}?id={$value.id}" style="display: block;">
                            <div style="color: #666;margin-top: 5px;">
                                {:mb_substr($value.detail,0,60,'utf-8')}
                            </div>
                        </a>
                    </div>
                    {/foreach}
                    <div class="btn-group" style="width:100%;">
                        <a class="btn" href="{:url('information/inews')}" 
                            style="width:100%;font-size: 16px;background-color: #f8f8f8;border-radius:15px;margin-top: 15px;color: #666!important;">查看更多</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        new Swiper('.swiper-container-header', {
            pagination: '.swiper-pagination-header',
            paginationClickable: true,
            effect: 'coverflow',
            // grabCursor: true,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            loop: true,
            autoplay:true
        });
        new Swiper('.swiper-container-project', {
            slidesPerView: 3,
            spaceBetween: 30,
            slidesPerGroup: 3,
            loop: true,
            loopFillGroupWithBlank: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
        });
        new Swiper('.swiper-container-recommend', {
            slidesPerView: 3,
            spaceBetween: 30,
            slidesPerGroup: 3,
            loop: true,
            loopFillGroupWithBlank: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
        });
    </script>
{/block}